<script>
// 导入组件
import Home from './components/Home.vue';
import RestaurantDetails from './components/RestaurantDetails.vue';
import NavBar from './components/NavBar.vue'; // 确保路径正确

export default {
  name: 'App',
  components: {
    // 注册 Home 组件
    Home,
    // 注册 NavBar 组件
    NavBar
  }
};
</script>
<template>
  <div id="app">
    <!-- 使用 NavBar 组件作为导航栏 -->
    <NavBar />

    <!-- 路由出口，根据路由显示不同的页面 -->
    <router-view />

    <!-- 其他布局元素，如底部信息 -->
  </div>
</template>

<style scoped>

</style>
